import Avatar from "@material-ui/core/Avatar/Avatar";
import Grid from "@material-ui/core/Grid";
import * as React from "react";


export const DoctorInfo = ({data, itemClick}: any) => {
    const {name, level, major, skillful} = data;
    return <Grid container={true} className={"flex-center"} onClick={itemClick}>
        <Grid item={true} xs={3}>
            <Avatar
                alt="Adelle Charles"
                src={"../icons/1.png"}
            />
        </Grid>
        <Grid item={true} container={true} xs={8}>
            <Grid item={true} xs={12}>{name}<span className={"tag"}>{level}</span></Grid>
            <Grid item={true} xs={12} style={{padding: "12px 0 12px 0"}}>专业:{major}</Grid>
            <Grid item={true} xs={12}>擅长:{skillful}</Grid>
        </Grid>
    </Grid>
};

export default DoctorInfo;
